Bamburi{{ it.label }}
Bamburi Nexus · by Oxygenev1.0 · October 2026

One system for every Nexus screen.

Tokens, components and patterns for the web app, the mobile PWA and the launch page. Light is the default; dark uses the same token names. Built on the brand book. Accessibility rules are on their own page.

{{ s.n }}{{ s.label }}

Colour tokens

Use semantic tokens, never raw hex. Switch theme to see every swatch change.

{{ c.t }}{{ c.use }}

Type scale

{{ t.token }}
{{ t.spec }} {{ t.sample }}

Space, radius, elevation

Spacing · 4 px base
{{ s.t }}
Radius
{{ r.t }}
Elevation
e0 · border only (cards)
e1 · hover, menus
e2 · search, sheets, toasts

Buttons

44 px minimum height. One primary per view. Orange is reserved for acknowledgement, kudos and deadlines.

Inputs, chips, badges

search
Filter · on Filter · off
AllMy siteMy team
{{ b.label }}

Nexus patterns

Pinned notice · acknowledgement
Pinned · Action needed by 7 NovemberThe updated Health & Safety Policy takes effect on 1 November
Read policyI have read this
Feed post · targeted
FNFacilities, NairobiYesterdayNairobi Head Office
Block B parking closed 2–6 NovemberAudience chip appears whenever a post is not company-wide.
Policy row · version + status
PDFTravel & Expense PolicyFinance · Owner Mercy Chebetv2.1Review due
Kudos card · value-linked
SafetyFatuma Hassan from Joseph OdhiamboStopped the line when the guard on conveyor 3 came loose. Exactly the right call.
Event row · RSVP
NOV6Quarterly town hall10:00 · Nairobi + Google MeetGoing
KPI card · against target
ActivationOn track
86%
Target 90% by day 30

See every pattern working in the web app and mobile app.

Handoff · CSS tokens

{{ css }}